<script lang="ts" setup>
  import { HomeOutlined, UserOutlined } from '@ant-design/icons-vue';
  import Breadcrumb from '@sscd/breadcrumb';
</script>

<template>
  <div class="demo">
    <div class="demo-title">带有图标的</div>
    <div class="demo-content">
      <Breadcrumb>
        <Breadcrumb.Item href="">
          <HomeOutlined />
        </Breadcrumb.Item>
        <Breadcrumb.Item href="">
          <UserOutlined />
          <span>Component List</span>
        </Breadcrumb.Item>
        <Breadcrumb.Item>An Component</Breadcrumb.Item>
      </Breadcrumb>
    </div>
  </div>
</template>
